<template>
  <div class="head">
    <!-- PC头部 -->  
    <div class="headPC">
      <div class="headPCT">
        <div class="headPCTtit">
          <div class="block">
            <div class="headPCTtitR">
              <p>
                <nuxt-link :to="{name: 'register-registerOne'}">注册</nuxt-link>/
                <nuxt-link :to="{name: 'enroll'}">登录</nuxt-link>
              </p>
              <a href="#" class="headPCTtitRM">
                <img src="../static/images/headPCTtitR1.png" />
              </a>
              <a href="" class="headPCTtitRM">
                <img src="../static/images/headPCTtitR2.png" />
              </a>
              <a @click="dialogVisible = true" class="headPCTtitRM">
                <img src="../static/images/headPCTtitR3.png" />
              </a>
              <div class="clear"></div>
            </div>
            <div class="clear"></div>
          </div>
        </div> 
        <div class="headPCTS">
          <div class="block">
            <nuxt-link :to="{name: 'index'}" class="headPCTSlogo">
              <img src="../static/images/logo3.png" alt="logo"/>
            </nuxt-link>
            <ul class="headSnavL">
              <li>
               <nuxt-link :to="{name: 'index'}" class="headSnavLa">首页</nuxt-link>
              </li>
              <li>
                <nuxt-link :to="{name: 'innovate'}" class="headSnavLa">创新产品</nuxt-link>
                <div class="headSnavLS">
                  <div class="headSnavLST">
                    <p class="headSnavLSTtit">创新产品</p>
                    <div class="headSnavLST1">
                      <ul class="promenu">
                        <li v-for="(item,index) in prolistdata" :key="index">
                            <img :src="uploadurl+item.mainPhoto" :alt="item.productName"/>
                            <p class="headSnavLST1T"  @click="firsturl(item.url)">{{item.productName}}</p>
                            <div class="headSnavLST1E">
                              <p v-for="(itemb,index) in item.productTypeVos" :key="index"  @click="firsturl(itemb.url)">{{itemb.productName}}</p>
                            </div>
                        </li>
                        <div class="clear"></div>
                      </ul>
                    </div>
                  </div>
                  <div class="headSnavLSB">
                     <nuxt-link :to="{name: 'datacenter'}">
                      <p>资料中心</p>
                    </nuxt-link>
                     <nuxt-link :to="{name: 'serve/serveQuestionsW'}">
                      <p>问询和建议</p>
                     </nuxt-link>
                    <nuxt-link :to="{name: 'about-contactUs'}">
                      <p>在华机构</p>
                     </nuxt-link>
                    <div class="clear"></div>
                  </div>
                </div>
              </li>
              <li>
                <nuxt-link :to="{name: 'solution-solutionIndex'}" class="headSnavLa">解决方案</nuxt-link>
                <div class="headSnavLS">
                  <div class="headSnavLST">
                    <p class="headSnavLSTtit">解决方案</p>
                    <div class="headSnavLST2">
                      <dl class="headSnavLST2T">
                        <dd>
                          <img src="../static/images/headSnavLST2T1.jpg" alt="e-Factory"/>
                          <a href="#" class="headSnavLST2Ttit">e-Factory</a>
                          <div class="headSnavLST2TE">
                            <nuxt-link :to="{name: 'solution-solutionDetails'}">什么是e-F@ctory </nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionIdeaFA'}">FA整合网络</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionIdea'}">FA-IT信息协同</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionDetailsJn'}">节能</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionIdeaiQPlatform'}">iQ platform</nuxt-link>
                            <div class="clear"></div>
                          </div>
                        </dd>
                        <dt>
                          <img src="../static/images/headSnavLST2T2.jpg" alt="产品解决方案"/>
                          <a href="#" class="headSnavLST2Ttit">产品解决方案</a>
                          <div class="headSnavLST2TE">
                            <nuxt-link :to="{name: 'solution-solutionIdeaJQR'}">机器人解决方案</nuxt-link>
                            <a href="#">开放式工业网络 CC-Link IT TSN</a>
                           <nuxt-link :to="{name: 'solution-solutionIdeaiQMonozukuri'}">iQ Monozukuri</nuxt-link>
                            <a href="#">加工机远程服务 iQ care Remote4u</a>
                            <div class="clear"></div>
                          </div>
                        </dt>
                        <div class="clear"></div>
                      </dl>
                      <dl class="headSnavLST2B">
                        <dd>
                          <img src="../static/images/headSnavLST2B1.jpg" alt="e-F@ctory Alliance"/>
                          <nuxt-link :to="{name: 'solution-solutionDetailsFactory'}" class="headSnavLST2Ttit">e-F@ctory Alliance</nuxt-link>
                          <div class="headSnavLST2BE">
                            <nuxt-link :to="{name: 'solution-solutionDetailsFactory'}">e-F@ctory Alliance</nuxt-link>
                          </div>
                        </dd>
                        <dd>
                          <img src="../static/images/headSnavLST2B2.jpg" alt="行业解决方案"/>
                          <nuxt-link :to="{name: 'solution-industryScheme'}" class="headSnavLST2Ttit">行业解决方案</nuxt-link>
                          <div class="headSnavLST2BE">
                            <nuxt-link :to="{name: 'solution-solutionIdeaCar'}">汽车制造</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionIdeaFood'}">食品/药品/化妆品</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionIdeaPhone'}">智能手机/平板</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionIdeaJc'}">社会基础设施</nuxt-link>
                          </div>
                        </dd>
                        <dd>
                          <img src="../static/images/headSnavLST2B3.jpg" alt="课题解决方案"/>
                          <a href="#" class="headSnavLST2Ttit">课题解决方案</a>
                          <div class="headSnavLST2BE">
                            <nuxt-link :to="{name: 'solution-solutionDetailsKzs'}">可追溯性强化</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionDetailsJn'}">节能</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionDetailsYf'}">预防维护</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionDetailsTg'}">提高生产效率</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionDetailsPz'}">提高产品品质</nuxt-link>
                          </div>
                        </dd>
                        <dt>
                          <img src="../static/images/headSnavLST2B4.jpg" alt="导入实例"/>
                          <nuxt-link :to="{name: 'solution-solutionLead'}" class="headSnavLST2Ttit">导入实例</nuxt-link>
                          <div class="headSnavLST2TE">
                            <nuxt-link :to="{name: 'solution-solutionCaseDetails'}">
                            提高耐久性</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionCaseDetails'}">提高生产管理终端可靠性</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionCaseDetails'}">消减能源使用量</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionCaseDetails'}">生产实绩可视化</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionCaseDetails'}">提高生产效率质量</nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionCaseDetails'}">实现少量多批生产</nuxt-link>
                            <div class="clear"></div>
                          </div>
                        </dt>
                        <div class="clear"></div>
                      </dl>
                      <div class="headSnavLST2S">
                        <ul>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S.jpg" />
                            </a>
                          </li>
                          <div class="clear"></div>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <div class="headSnavLSB">
                    <a href="#">
                      <p><nuxt-link :to="{name: 'datacenter'}">资料中心</nuxt-link></p>
                    </a>
                    <a href="#">
                      <p>Alliance申请</p>
                    </a>
                    <a href="#">
                      <p>eF咨询</p>
                    </a>
                    <div class="clear"></div>
                  </div>
                </div>
              </li>
              <li>
                <nuxt-link :to="{name: 'serve-serveList'}" class="headSnavLa">服务支持</nuxt-link>
                <div class="headSnavLS">
                  <div class="headSnavLST">
                    <p class="headSnavLSTtit">服务支持</p>
                    <div class="headSnavLST3">
                      <div class="headSnavLST3T">
                        <div class="headSnavLST3TL">
                          <img src="../static/images/headSnavLST3T1.jpg" />
                          <nuxt-link :to="{name: 'serve-culCenter'}" class="headSnavLST2Ttit">培训中心</nuxt-link>
                          <div class="headSnavLST2TE">
                            <nuxt-link :to="{name: 'serve-fatec'}">FATEC</nuxt-link>
                            <nuxt-link :to="{name: 'serve-certificateW'}">证书查询</nuxt-link>
                            <nuxt-link :to="{name: 'serve-learning'}">e-Learning</nuxt-link>
                            <nuxt-link :to="{name: 'serve-noticeW'}">培训须知</nuxt-link>
                            <nuxt-link :to="{name: 'serve-trainingAgencyW'}">培训机构</nuxt-link>
                            <nuxt-link :to="{name: 'serve-studyWizardW'}">学习向导</nuxt-link>
                            <div class="clear"></div>
                          </div>
                        </div>
                        <div class="headSnavLST3TC">
                          <img src="../static/images/headSnavLST3T2.jpg" alt="展厅"/>
                          <nuxt-link :to="{name: 'serve-exhibitionHallW'}" class="headSnavLST2Ttit">展厅</nuxt-link>
                          <div class="headSnavLST2BE" style="dispaly:none">
                            <a href="#">介绍</a>
                            <a href="#">参观预约</a>
                          </div>
                        </div>
                        <div class="headSnavLST3TR">
                          <img src="../static/images/headSnavLST3T3.jpg" alt="FAQ"/>
                          <nuxt-link :to="{name: 'serve-serveFaqW'}" class="headSnavLST2Ttit">FAQ</nuxt-link>
                          <div class="headSnavLST2TE">
                            <nuxt-link :to="{name: 'solution-solutionDetails'}">什么是e-F@ctory </nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionDetails'}">FA整合网络 </nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionDetails'}">FA-IT信息协同 </nuxt-link>
                            <nuxt-link :to="{name: 'solution-solutionDetails'}">节能 </nuxt-link>
                           <nuxt-link :to="{name: 'solution-solutionDetails'}">iQ platform </nuxt-link>
                            <div class="clear"></div>
                          </div>
                        </div>
                        <div class="clear"></div>
                      </div>
                      <div class="headSnavLST3C">
                        <dl>
                          <dd>
                            <img src="../static/images/headSnavLST3C1.jpg" alt="Call Center"/>
                            <nuxt-link :to="{name: 'serve-callCenterW'}">Call Center</nuxt-link>
                          </dd>
                          <dd>
                            <img src="../static/images/headSnavLST3C2.jpg" alt="售后服务"/>
                            <nuxt-link :to="{name: 'serve-afterServiceW'}">售后服务</nuxt-link>
                          </dd>
                          <dt>
                            <img src="../static/images/headSnavLST3C3.jpg" alt="授权机构资质查询"/>
                            <nuxt-link :to="{name: 'serve-serveIntelligence'}">授权机构资质查询</nuxt-link>
                          </dt>
                          <dd class="headSnavLST3Cd">
                            <img src="../static/images/headSnavLST3C4.jpg" alt="问询与建议"/>
                            <nuxt-link :to="{name: 'serve-serveQuestionsW'}">问询与建议</nuxt-link>
                          </dd>
                          <div class="clear"></div>
                        </dl>
                      </div>
                      <div class="headSnavLST2S">
                        <ul>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S1.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S2.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S3.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S4.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S5.jpg" />
                            </a>
                          </li>
                          <div class="clear"></div>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <div class="headSnavLSB">
                    <a href="#">
                      <p>在华机构</p>
                    </a>
                    <a>
                      <p><nuxt-link :to="{name: 'about-joinUs'}">加入我们</nuxt-link></p>
                    </a>
                    <a>
                      <p><nuxt-link :to="{name: 'about-education'}">教育合作</nuxt-link></p>
                    </a>
                    <a>
                      <p><nuxt-link :to="{name: 'datacenter'}">资料中心</nuxt-link></p>
                    </a>
                    <div class="clear"></div>
                  </div>
                </div>
              </li>
              <li>
                <nuxt-link :to="{name: 'datacenter'}" class="headSnavLa">资料中心</nuxt-link>
                <div class="headSnavLS">
                  <div class="headSnavLST">
                    <p class="headSnavLSTtit">资料中心</p>
                    <div class="headSnavLST4">
                      <div class="headSnavLST4T">
                        <div class="headSnavLST4TF">
                          <input type="text"/>
                          <button></button>
                          <div class="clear"></div>
                        </div>
                        <p class="headSnavLST4TE">搜索对象：控制器</p>
                        <div class="clear"></div>
                      </div>
                      <div class="headSnavLST4C">
                        <div class="headSnavLST4CL">
                          <a href="javascript:;" :class="showindexO==0?'on':''" @click="headSnavLST4CL(0)">控制器</a>
                          <a href="javascript:;" :class="showindexO==1?'on':''" @click="headSnavLST4CL(1)">驱动产品</a>
                          <a href="javascript:;" :class="showindexO==2?'on':''" @click="headSnavLST4CL(2)">工业机器人</a>
                          <a href="javascript:;" :class="showindexO==3?'on':''" @click="headSnavLST4CL(3)">低压配电产品</a>
                          <a href="javascript:;" :class="showindexO==4?'on':''" @click="headSnavLST4CL(4)">加工机</a>
                        </div>
                        <img src="../static/images/headSnavLST4C.png" class="headSnavLST4Cimg"/>
                        <div class="headSnavLST4CO">
                          <!-- 控制器 -->
                          <div class="headSnavLST4COS" v-if="showindexO==0">
                            <a href="javascript:;" :class="showindexT==0?'ons':''" @click="headSnavLST4COS(0)">可编程控制器MELSEC</a>
                            <a href="javascript:;" :class="showindexT==1?'ons':''" @click="headSnavLST4COS(1)">伺服系统控制器</a>
                            <a href="javascript:;" :class="showindexT==2?'ons':''" @click="headSnavLST4COS(2)">计算机数字控制器（CNC）</a>
                          </div>
                          <!-- 驱动产品 -->
                          <div class="headSnavLST4COS" v-if="showindexO==1">
                            <a href="javascript:;" :class="showindexT==0?'ons':''" @click="headSnavLST4COS(0)">AC伺服</a>
                            <a href="javascript:;" :class="showindexT==1?'ons':''" @click="headSnavLST4COS(1)">变频器</a>
                            <a href="javascript:;" :class="showindexT==2?'ons':''" @click="headSnavLST4COS(2)">马达</a>
                            <a href="javascript:;" :class="showindexT==3?'ons':''" @click="headSnavLST4COS(3)">电磁离合器和制动器</a>
                            <a href="javascript:;" :class="showindexT==4?'ons':''" @click="headSnavLST4COS(4)">张力控制器</a>
                          </div>
                          <!-- 工业机器人 -->
                          <div class="headSnavLST4COS" v-if="showindexO==2">
                            <a href="javascript:;" :class="showindexT==0?'ons':''" @click="headSnavLST4COS(0)">工业机器人-MELFA</a>
                          </div>
                          <!-- 低压配电产品 -->
                          <div class="headSnavLST4COS" v-if="showindexO==3">
                            <a href="javascript:;" :class="showindexT==1?'ons':''" @click="headSnavLST4COS(1)">低压断路器</a>
                            <a href="javascript:;" :class="showindexT==2?'ons':''" @click="headSnavLST4COS(2)">接触器与马达起动器</a>
                          </div>
                          <!-- 加工机 -->
                          <div class="headSnavLST4COS" v-if="showindexO==4">
                            <a href="javascript:;" :class="showindexT==0?'ons':''" @click="headSnavLST4COS(0)">激光加工机</a>
                            <a href="javascript:;" :class="showindexT==1?'ons':''" @click="headSnavLST4COS(1)">放电加工机</a>
                          </div>
                          <!-- <p class="headSnavLST4COe">请点击选择左侧分类来筛选相关资料文件</p> -->
                        </div>
                        <img src="../static/images/headSnavLST4C.png" class="headSnavLST4Cimg"/>
                        <div class="headSnavLST4CR">
                          <nuxt-link :to="{name: 'datacenter'}" class="headSnavLST4CRS">
                            <img src="../static/images/headSnavLST4CR1.png" class="headSnavLST4CRSimg headSnavLST4CRSimg1"/>
                            <img src="../static/images/headSnavLST4CR1i.png" class="headSnavLST4CRSimg headSnavLST4CRSimg2"/>
                            <p>手册</p>
                          </nuxt-link>
                          <nuxt-link :to="{name: 'datacenter'}" class="headSnavLST4CRS">
                            <img src="../static/images/headSnavLST4CR2.png" class="headSnavLST4CRSimg headSnavLST4CRSimg1"/>
                            <img src="../static/images/headSnavLST4CR2i.png" class="headSnavLST4CRSimg headSnavLST4CRSimg2"/>
                            <p>样本</p>
                          </nuxt-link>
                        <nuxt-link :to="{name: 'datacenter'}" class="headSnavLST4CRS">
                            <img src="../static/images/headSnavLST4CR3.png" class="headSnavLST4CRSimg headSnavLST4CRSimg1"/>
                            <img src="../static/images/headSnavLST4CR3i.png" class="headSnavLST4CRSimg headSnavLST4CRSimg2"/>
                            <p>认证</p>
                          </nuxt-link>
                         <nuxt-link :to="{name: 'datacenter'}" class="headSnavLST4CRS">
                            <img src="../static/images/headSnavLST4CR4.png" class="headSnavLST4CRSimg headSnavLST4CRSimg1"/>
                            <img src="../static/images/headSnavLST4CR4i.png" class="headSnavLST4CRSimg headSnavLST4CRSimg2"/>
                            <p>CAD</p>
                          </nuxt-link>
                          <nuxt-link :to="{name: 'datacenter'}" class="headSnavLST4CRS">
                            <img src="../static/images/headSnavLST4CR5.png" class="headSnavLST4CRSimg headSnavLST4CRSimg1"/>
                            <img src="../static/images/headSnavLST4CR5i.png" class="headSnavLST4CRSimg headSnavLST4CRSimg2"/>
                            <p>软件</p>
                          </nuxt-link>
                          <nuxt-link :to="{name: 'datacenter'}" class="headSnavLST4CRS">
                            <img src="../static/images/headSnavLST4CR6.png" class="headSnavLST4CRSimg headSnavLST4CRSimg1"/>
                            <img src="../static/images/headSnavLST4CR6i.png" class="headSnavLST4CRSimg headSnavLST4CRSimg2"/>
                            <p>视频</p>
                          </nuxt-link>
                          <nuxt-link :to="{name: 'datacenter'}" class="headSnavLST4CRS">
                            <img src="../static/images/headSnavLST4CR7.png" class="headSnavLST4CRSimg headSnavLST4CRSimg1"/>
                            <img src="../static/images/headSnavLST4CR7i.png" class="headSnavLST4CRSimg headSnavLST4CRSimg2"/>
                            <p>FB程序库</p>
                          </nuxt-link>
                         <nuxt-link :to="{name: 'datacenter'}" class="headSnavLST4CRS">
                            <img src="../static/images/headSnavLST4CR8.png" class="headSnavLST4CRSimg headSnavLST4CRSimg1"/>
                            <img src="../static/images/headSnavLST4CR8i.png" class="headSnavLST4CRSimg headSnavLST4CRSimg2"/>
                            <p>其他</p>
                          </nuxt-link>
                        </div>
                        <div class="clear"></div>
                      </div>
                    </div>
                  </div>
                  <div class="headSnavLSB">
                    <nuxt-link :to="{name: 'serve-serveFaqW'}">
                      <p>FAQ</p>
                    </nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveQuestionsW'}">
                      <p>问询与建议</p>
                    </nuxt-link>
                    <a href="#">
                      <p>软件序列号申请</p>
                    </a>
                    <a href="#">
                      <p>技术服务支持</p>
                    </a>
                    <nuxt-link :to="{name: 'serve-culCenter'}" class="last">
                      <p>培训中心</p>
                    </nuxt-link>
                    <div class="clear"></div>
                  </div>
                </div>
              </li>
              <li>
                <nuxt-link :to="{name: 'news-newsIndex'}" class="headSnavLa">最新资讯</nuxt-link>
                <div class="headSnavLS">
                  <div class="headSnavLST">
                    <p class="headSnavLSTtit">最新资讯</p>
                    <div class="headSnavLST5">
                      <div class="headSnavLST5T">
                        <ul>
                          <li>
                            <img src="../static/images/headSnavLST5T1.jpg" alt="公司新闻"/>
                            <nuxt-link :to="{name: 'news-newsCompany'}">公司新闻</nuxt-link>
                          </li>
                          <li>
                            <img src="../static/images/headSnavLST5T2.jpg" alt="新品发布"/>
                            <nuxt-link :to="{name: 'news-newProduct'}">新品发布</nuxt-link>
                          </li>
                          <li>
                            <img src="../static/images/headSnavLST5T3.jpg" alt="资料更新日志"/>
                            <nuxt-link :to="{name: 'news-logUpdate'}">资料更新日志</nuxt-link>
                          </li>
                          <div class="clear"></div>
                        </ul>
                      </div>
                      <div class="headSnavLST2S">
                        <ul>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S6.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S7.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S8.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S9.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <img src="../static/images/headSnavLST2S10.jpg" />
                            </a>
                          </li>
                          <div class="clear"></div>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <div class="headSnavLSB">
                    <nuxt-link :to="{name: 'serve-serveQuestionsW'}">
                      <p>问询与建议</p>
                    </nuxt-link>
                    <nuxt-link :to="{name: 'datacenter'}">
                      <p>资料中心</p>
                    </nuxt-link>
                    <nuxt-link :to="{name: 'about'}">
                      <p>关于我们</p>
                    </nuxt-link>
                    <div class="clear"></div>
                  </div>
                </div>
              </li>
              <li>
                <nuxt-link :to="{name: 'about'}" class="headSnavLa">关于我们</nuxt-link>
                <div class="headSnavLS">
                  <div class="headSnavLST">
                    <p class="headSnavLSTtit">关于我们</p>
                    <div class="headSnavLST6">
                      <div class="headSnavLST6T">
                        <ul>
                          <li>
                            <a>
                              <img src="../static/images/headSnavLST6T1.jpg" alt="公司简介"/>
                              <p class="headSnavLST1T"><nuxt-link :to="{name: 'about-synopsis'}">公司简介</nuxt-link></p>
                              <div class="headSnavLST1E">
                                <p><nuxt-link :to="{name: 'about-synopsis'}">Meach介绍</nuxt-link></p>
                                <p><nuxt-link :to="{name: 'about-synopsis'}">事业在中国</nuxt-link></p>
                                <p><nuxt-link :to="{name: 'about-synopsis'}">三菱电机集团</nuxt-link></p>
                              </div>
                            </a>
                          </li>
                          <li>
                            <a>
                              <img src="../static/images/headSnavLST6T2.jpg" alt="经营理念"/>
                              <p class="headSnavLST1T"><nuxt-link :to="{name: 'about-managementIdea'}">经营理念</nuxt-link></p>
                              <div class="headSnavLST1E">
                                <p><nuxt-link :to="{name: 'about-managementIdea'}">经营理念</nuxt-link></p>
                              </div>
                            </a>
                          </li>
                          <li>
                            <a>
                              <img src="../static/images/headSnavLST6T3.jpg" alt="社会责任"/>
                              <p class="headSnavLST1T"><nuxt-link :to="{name: 'about-duty'}">社会责任</nuxt-link></p>
                              <div class="headSnavLST1E">
                                <p><nuxt-link :to="{name: 'about-energySaving'}">节能环保</nuxt-link></p>
                                <p><nuxt-link :to="{name: 'about-education'}">教育合作</nuxt-link></p>
                              </div>
                            </a>
                          </li>
                          <li>
                            <a>
                              <img src="../static/images/headSnavLST6T4.jpg" alt="加入我们"/>
                              <p class="headSnavLST1T"><nuxt-link :to="{name: 'about-joinUs'}">加入我们</nuxt-link></p>
                              <div class="headSnavLST1E">
                                <p><nuxt-link :to="{name: 'about-joinUs'}">企业文化</nuxt-link></p>
                                <p><nuxt-link :to="{name: 'about-joinUs'}">招聘</nuxt-link></p>
                              </div>
                            </a>
                          </li>
                          <li>
                            <a>
                              <img src="../static/images/headSnavLST6T5.jpg" alt="经营理念"/>
                              <p class="headSnavLST1T"><nuxt-link :to="{name: 'about-managementIdea'}">经营理念</nuxt-link></p>
                            </a>
                          </li>
                          <div class="clear"></div>
                        </ul>
                      </div>
                      <div class="headSnavLST2S">
                        <ul>
                          <li>
                            <a href="">
                              <img src="../static/images/headSnavLST2S11.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="">
                              <img src="../static/images/headSnavLST2S12.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="">
                              <img src="../static/images/headSnavLST2S13.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="">
                              <img src="../static/images/headSnavLST2S14.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="">
                              <img src="../static/images/headSnavLST2S15.jpg" />
                            </a>
                          </li>
                          <div class="clear"></div>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <div class="headSnavLSB aboutsecond">
                    <nuxt-link :to="{name: 'serve-serveQuestionsW'}">
                      <p>问询与建议</p>
                    </nuxt-link>
                    <nuxt-link :to="{name: 'datacenter'}">
                      <p>资料中心</p>
                    </nuxt-link>
                    <nuxt-link :to="{name: 'about'}">
                      <p>关于我们</p>
                    </nuxt-link>
                    <div class="clear"></div>
                  </div>
                </div>
              </li>
              <div class="clear"></div>
            </ul>
            <div class="headPCTSR">
              <a href="http://www.mitsubishielectric.com/fa/worldwide/index.html" class="headPCTSRL" target="_blank">
                <img src="../static/images/headPCTSR1.png" />
              </a>
              <div class="headPCTSRsearch" @click="headPCTSRsearch()">
                <img src="../static/images/headPCTSR2.png" class="headPCTSRsearch1"/>
                <img src="../static/images/headPCTSR3.png" class="headPCTSRsearch2"/>
              </div>
              <div class="headPCTSRF">
                <input type="text" class="headPCTSRFinput" />
                <button></button>
                <div class="clear"></div>
              </div>
              <div class="clear"></div>
            </div>
            <div class="clear"></div>
          </div>
        </div>
      </div> 
      <div class="headS">
        <div class="headSbanner">
          <div v-swiper:mySwiper="headSbanner">
            <div class="swiper-wrapper">
               <div class="swiper-slide" v-for="(item,index) in adlist" :key="index">
                <img :src="uploadurl+item.mainPhoto" />
              </div>
            </div>
            <div class="swiper-pagination swiper-pagination-bullets headSbannerPagination"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- 手机头部 -->
    <div class="headMOB">
      <div class="headMOBC">
        <nuxt-link :to="{name: 'index'}" class="logo">
          <img src="images/logo3.png" />
        </nuxt-link>
        <div class="menubtn" @click="menubtn()">
          <i></i>
          <i></i>
          <i></i>
        </div>
        <div class="clear"></div>
        <div class="inav" v-if="downMenu">
          <ul>
            <li class="on">
              <nuxt-link :to="{name: 'index'}" class="inava">首页</nuxt-link>
            </li>
            <li>
              <a class="inava" @click="inavClick(1)">创新产品</a>
              <div class="inavS" v-if="showmenu1">
                <a href="https://www.mitsubishielectric.com/fa/cn_zh/products/cnt/index.html">控制器</a>
                <a href="https://www.mitsubishielectric.com/fa/cn_zh/products/drv/index.html">驱动产品</a>
                <a href="https://www.mitsubishielectric.com/fa/cn_zh/products/hmi/got/index.html">可视化</a>
                <a href="https://www.mitsubishielectric.com/fa/cn_zh/products/rbt/robot/index.html">工业机器人</a>
                <a href="https://www.mitsubishielectric.com/fa/cn_zh/products/lv_distri/index.html">低压配电产品</a>
                <a href="https://www.mitsubishielectric.com/fa/cn_zh/products/mecha/index.html">加工机</a>
              </div>
            </li>
            <li>
              <a class="inava" @click="inavClick(2)">解决方案</a>
              <div class="inavS" v-if="showmenu2">
                <nuxt-link :to="{name: 'solution-solutionDetails'}">e-F@ctory </nuxt-link>
                <nuxt-link :to="{name: 'solution-solutionIdeaJQR'}">产品解决方案</nuxt-link>
                <nuxt-link :to="{name: 'solution-ctory'}">e-F@ctory Alliance</nuxt-link>
                <nuxt-link :to="{name: 'solution-industryScheme'}">行业解决方案</nuxt-link>
                <nuxt-link :to="{name: 'solution-solutionDetailsKzs'}">课题解决方案</nuxt-link>
                <nuxt-link :to="{name: 'solution-solutionLead'}">公司导入实例</nuxt-link>
              </div>
            </li>
            <li>
              <a class="inava" @click="inavClick(3)">服务支持</a>
              <div class="inavS" v-if="showmenu3">
                <nuxt-link :to="{name: 'serve-culCenter'}">培训中心</nuxt-link>
                <nuxt-link :to="{name: 'serve-exhibitionHallW'}">走进智能制造</nuxt-link>
                <nuxt-link :to="{name: 'serve-callCenterW'}">Call Center</nuxt-link>
                <nuxt-link :to="{name: 'serve-afterServiceW'}">售后服务</nuxt-link>
                <nuxt-link :to="{name: 'serve-serveFaqW'}">FAQ</nuxt-link>
                <nuxt-link :to="{name: 'serve-serveQuestionsW'}">问询与建议</nuxt-link>
                <nuxt-link :to="{name: 'serve-serveAttestationW'}">认证机构查询</nuxt-link>
              </div>
            </li>
            <li>
              <a class="inava" @click="inavClick(4)">资料中心</a>
              <div class="inavS" v-if="showmenu4">
                <nuxt-link :to="{name: 'datacenter'}">样本</nuxt-link>
                <nuxt-link :to="{name: 'datacenter'}">手册</nuxt-link>
                <nuxt-link :to="{name: 'datacenter'}">CAD</nuxt-link>
                <nuxt-link :to="{name: 'datacenter'}">认证</nuxt-link>
                <nuxt-link :to="{name: 'datacenter'}">视频</nuxt-link>
                <nuxt-link :to="{name: 'datacenter'}">软件</nuxt-link>
                <nuxt-link :to="{name: 'datacenter'}">FB程序库</nuxt-link>
                <nuxt-link :to="{name: 'datacenter'}">其他</nuxt-link>
              </div>
            </li>
            <li>
              <a class="inava" @click="inavClick(5)">最新资讯</a>
              <div class="inavS" v-if="showmenu5">
                <nuxt-link :to="{name: 'news-newsCompany'}">公司新闻</nuxt-link>
                <nuxt-link :to="{name: 'news-newProduct'}">新品发布</nuxt-link>
                <nuxt-link :to="{name: 'news-logUpdate'}">资料更新日志</nuxt-link>
              </div>
            </li>
            <li>
              <a class="inava" @click="inavClick(6)">关于我们</a>
              <div class="inavS" v-if="showmenu6">
                <nuxt-link :to="{name: 'about-synopsis'}">公司简介</nuxt-link>
                <nuxt-link :to="{name: 'about-managementIdea'}">经营理念</nuxt-link>
                <nuxt-link :to="{name: 'about-duty'}">社会责任</nuxt-link>
                <nuxt-link :to="{name: 'about-joinUs'}">加入我们</nuxt-link>
                <nuxt-link :to="{name: 'about-contactUs'}">联系我们</nuxt-link>
              </div>
            </li>
          </ul>
          <div class="inavB">
            <nuxt-link :to="{name: 'register-registerOne'}" class="inavBl">注册</nuxt-link>
            <nuxt-link :to="{name: 'enroll'}" class="inavBr">登录</nuxt-link>
          </div>
          <div class="clear"></div>
        </div>
      </div>
      <!-- 手机轮播 -->
      <HomeBanner :adlist="adlist"></HomeBanner>
    </div>
      <el-dialog
      title="分享到"
      :visible.sync="dialogVisible"
      width="20%"
      class="shareinfo"
      >
        <ul>
         <li><a title="分享到新浪微博" href="http://service.weibo.com/share/share.php?url=你的分享网址&sharesource=weibo&title=三菱电机中国" target="_blank" >新浪微博</a></li>
         <li><a title="分享到QQ好友" href="https://connect.qq.com/widget/shareqq/index.html?url=http://zixuephp.net/article-309.html?sharesource=qzone&title=三菱电机中国"  target="_blank" >QQ好友</a></li>
         <li>微信</li>
        </ul>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取 消</el-button>
        </span>
       </el-dialog>
  </div>
</template>

<script>
import $ from "jquery";
import "@/assets/css/home.css";
import HomeBanner from "@/components/banner";

export default {
  name: "HomeHeader",
   props:["adlist"],
  data() {
    return {
      headSbanner: {
        loop: true,
        slidesPerView: "auto",
        centeredSlides: true,
        // slidesPerView: 4,
        spaceBetween: 30,
        pagination: {
          el: ".headSbannerPagination"
        },
        on: {
          slideChange() {
            console.log("onSlideChangeEnd", this);
          },
          tap() {
            console.log("onTap", this);
          }
        }
      },
      showindexO:0,
      showindexT:-1,
      downMenu:false,
      showmenu1:false,
      showmenu2:false,
      showmenu3:false,
      showmenu4:false,
      showmenu5:false,
      showmenu6:false,
      prolistdata:[],
      dialogVisible:false
    };
  },
  components: {
    HomeBanner,
  },
  methods: {
    headRAf() {
      $(".headRS").show();
      $(".headRAf").hide();
    },
    headPCTSRsearch() {
      $(".headPCTSRF").show();
    },
    menubtn() {
      this.downMenu=!this.downMenu
    },
    inavClick(evaltype) {
      if(evaltype==1){
        this.showmenu1 = !this.showmenu1
        this.showmenu2 =  false
        this.showmenu3 =  false
        this.showmenu4 =  false
        this.showmenu5 =  false
        this.showmenu6 =  false
      }else if(evaltype==2){
        console.log(evaltype,888)
        this.showmenu2 = !this.showmenu2
        this.showmenu1 =  false
        this.showmenu3 =  false
        this.showmenu4 =  false
        this.showmenu5 =  false
        this.showmenu6 =  false
      }else if(evaltype==3){
        this.showmenu3 = !this.showmenu3
        this.showmenu1 =  false
        this.showmenu2 =  false
        this.showmenu4 =  false
        this.showmenu5 =  false
        this.showmenu6 =  false
      }else if(evaltype==4){
        this.showmenu4 = !this.showmenu4
        this.showmenu1 =  false
        this.showmenu3 =  false
        this.showmenu2 =  false
        this.showmenu5 =  false
        this.showmenu6 =  false
      }else if(evaltype==5){
        this.showmenu5 = !this.showmenu5
        this.showmenu1 =  false
        this.showmenu3 =  false
        this.showmenu4 =  false
        this.showmenu2 =  false
        this.showmenu6 =  false
      }else if(evaltype==6){
        this.showmenu6 = !this.showmenu6
        this.showmenu1 =  false
        this.showmenu3 =  false
        this.showmenu4 =  false
        this.showmenu5 =  false
        this.showmenu2 =  false
      }
    },
    headSnavLST4CL(e) {
      this.showindexO = e;
    },
    headSnavLST4COS(e) {
      this.showindexT = e;
      $(".headSnavLST4CRS").addClass("act");
    },
       //产品菜单
    prolist(){
      let id = this.$axios,
      params = {
      };
      this.$api.homeindex.promenudata(id, params).then(res => {
        let result = res.data;
        if (result.code === 1) {
          this.prolistdata=result.data
        }
      });
    },
    //产品调整
    firsturl(url){
      location.href=url
    }
  },
  mounted () {
      this.uploadurl=this.comsys.uploadurl()
      this.prolist()
  }  
};
</script>

<style scoped>
</style>
